<template>
  <div>
      <a-col :span="24">
          <a-form-model-item label="小程序APPID" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wxAppId">
            <a-input v-model="model.wxAppId" placeholder="请输入小程序APPID"  ></a-input>
          </a-form-model-item>
      </a-col>
      <a-col :span="24">
          <a-form-model-item label="APP_ID" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="appId">
            <a-input v-model="model.appId" placeholder="请输入APP_ID"  ></a-input>
          </a-form-model-item>
      </a-col>
      <a-col :span="24">
          <a-form-model-item label="APP_SECRET" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="appSecret">
            <a-input-password  v-model="model.appSecret" placeholder="请输入APP_SECRET"  ></a-input-password>
          </a-form-model-item>
      </a-col>
      <a-col :span="24">
          <a-form-model-item label="商户编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="icbcMesId">
            <a-input v-model="model.icbcMesId" placeholder="请输入商户编号"  ></a-input>
          </a-form-model-item>
      </a-col>
      <a-col :span="24">
          <a-form-model-item label="收单产品协议编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="merPrtclNo">
            <a-input v-model="model.merPrtclNo" placeholder="请输入收单产品协议编号"  ></a-input>
          </a-form-model-item>
      </a-col>
      <a-col :span="24">
          <a-form-model-item label="商户私钥" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="privateKey">
            <a-textarea v-model="model.privateKey" placeholder="请输入商户私钥"  ></a-textarea>
          </a-form-model-item>
      </a-col>
      <a-col :span="24">
          <a-form-model-item label="API网关公钥" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="apiGwPublicKey">
            <a-textarea v-model="model.apiGwPublicKey" placeholder="请输入商户私钥"  ></a-textarea>
          </a-form-model-item>
      </a-col>
  </div>
</template>

<script>
import JUpload from '@/components/jeecg/JUpload'
export default {
name: 'IcbcPayChannelForm',
props:{
  value: String,
},
components: {
  JUpload
},
data() {
  return {
    model: {},
    labelCol: {
      xs: { span: 24 },
      sm: { span: 5 },
    },
    wrapperCol: {
      xs: { span: 24 },
      sm: { span: 16 },
    },
  }
},
watch: {
  value: {
    handler(val) {
      if (val) {
        this.model = JSON.parse(val);
      }
    },
    immediate: true
  }
},
methods:{
  handleSubmit(callback) {
    callback(this.model);
  }
}
}
</script>

<style lang="scss" scoped>

</style>